<template>
	<view>
	   <view class="item" @click="getEvent">
			 <view class="item-list">教室 : {{building}}-{{room}}</view>
			 <view class="item-list2">当前课室人数 : {{seat}}</view>
		 </view>
	</view>
</template>

<script>
	export default {
		name:"itemList3",
		data() {
			return {  
				
			};
		},
		methods:{
			getEvent(){
				this.$emit("getClick",this.rId)
			}
		},
		props:["building","room","seat","rId"]
	}
</script>

<style lang="scss">
  .item{
		height: 70rpx;
		margin: 10rpx;
		border-radius: 20rpx;
		// display: flex;
		background-color: #ffffff;
		border: #cecece solid 3rpx;
		font-size: 31rpx;
		&-list{
			color: #797774;
			// flex: 1;
			float: left;
			line-height: 70rpx;
	
		  padding: 0 10rpx;
			justify-content:center;
			width: 46%;
		}
		&-list2{
			color: #797774;
			float: left;	
			line-height: 70rpx;
		  padding: 0 0rpx;
			justify-content:center;
 	  	width: 40%;
		}
	}
	button {
		
			z-index: 10;
			border-radius: 15rpx;
			background-color: #02a7ff;
			padding: 0rpx;
			color: white;
			font-size: 2rpx;
			margin: 7rpx;
			height: 60rpx;
			width: 120rpx;
			font-weight: 500;
			// box-shadow: darkgray 2px 2px 4px;
		}

</style>
